.span_recruit {
    font-size: 15px;
    color: #ffffff;
    background-color: #ff00ff;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:30px;
}



.span_guest {
    font-size: 15px;
    color: #ffffff;
    background-color: #00ced1;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:30px;
}


.span_data {
    font-size: 15px;
    color: #ffffff;
    background-color: #6a5acd;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:30px;
}
.span_media {
    font-size: 15px;
    color: #ffffff;
    background-color: #ff4500;
    border: 1px solid #ff6347;
    border-radius: 5px;
    padding: 3px;
    max-width:60px;
}


.span_sale {
    font-size: 15px;
    color: #ffffff;
    background-color: #00ced1;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:100px;
}


.span_sale_text {
    font-size: 15px;
    color: #ffffff;
    background-color: #6a5acd;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:100px;
}



.span_sale_movie {
    font-size: 15px;
    color: #ffffff;
    background-color: #ff00ff;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 3px;
    max-width:100px;
}





    .flex_test-box {
        background-color: #ffffff;     /*  w i F w   */
        padding:  3px;             /*  ]   w   */
        display: flex;              /*  t   b N X { b N X ɂ    */
        justify-content:center;
    }
     
    .flex_test-item01 {
        font-size: 15px;
        padding: 3px;
        color:  #fff;               /*      F */
        margin:  10px;              /*  O   ̗]   */
        border-radius:  5px;        /*  p ێw   */
        width: 15%;                 /*    w   */
    }
     

    .flex_test-item02 {
        font-size: 15px;
        padding: 3px;
        color:  #fff;               /*      F */
        margin:  10px;              /*  O   ̗]   */
        border-radius:  5px;        /*  p ێw   */
        width: 15%;                 /*    w   */
    }


    .flex_test-item03 {
        font-size: 15px;
        padding: 3px;
        color:  #fff;               /*      F */
        margin:  10px;              /*  O   ̗]   */
        border-radius:  5px;        /*  p ێw   */
        width: 15%;                 /*    w   */
    }


    .flex_test-item04 {
        font-size: 15px;
        padding: 3px;
        color:  #fff;               /*      F */
        margin:  10px;              /*  O   ̗]   */
        border-radius:  5px;        /*  p ێw   */
        width: 15%;                 /*    w   */
    }


    .flex_test-item05 {
        font-size: 15px;
        padding: 3px;
        color:  #fff;               /*      F */
        margin:  10px;              /*  O   ̗]   */
        border-radius:  5px;        /*  p ێw   */
        width: 15%;                 /*    w   */
    }




    .flex_test-item01:nth-child(1) {

        border-width: thick;
border-color: #ff8c00;
border-style: solid;

        background-color:  #f4a460; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }


    .flex_test-item01:nth-child(2) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #6a5acd; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }
     
    .flex_test-item01:nth-child(3) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #ff00ff; /*  w i F w   */
        flex-basis:  30px;
    }
     
    .flex_test-item01:nth-child(4) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color: #ff6347; /*  w i F w   */
        flex-basis:  60px;
    }
     
    .flex_test-item01:nth-child(5) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #00ced1; /*  w i F w   */
        flex-basis:  30px;
    }








   .flex_test-item02:nth-child(1) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #f4a460; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }


    .flex_test-item02:nth-child(2) {

        border-width: thick;
border-color: #ff8c00;
border-style: solid;

        background-color:  #6a5acd; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }
     
    .flex_test-item02:nth-child(3) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #ff00ff; /*  w i F w   */
        flex-basis:  30px;
    }
     
    .flex_test-item02:nth-child(4) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color: #ff6347; /*  w i F w   */
        flex-basis:  60px;
    }
     
    .flex_test-item02:nth-child(5) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #00ced1; /*  w i F w   */
        flex-basis: 30px;
    }










   .flex_test-item03:nth-child(1) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #f4a460; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }


    .flex_test-item03:nth-child(2) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #6a5acd; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }
     
    .flex_test-item03:nth-child(3) {

        border-width: thick;
border-color: #ff8c00;
border-style: solid;

        background-color:  #ff00ff; /*  w i F w   */
        flex-basis:  30px;
    }
     
    .flex_test-item03:nth-child(4) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color: #ff6347; /*  w i F w   */
        flex-basis:  60px;
    }
     
    .flex_test-item03:nth-child(5) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #00ced1; /*  w i F w   */
        flex-basis:  30px;
    }









   .flex_test-item04:nth-child(1) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #f4a460; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }


    .flex_test-item04:nth-child(2) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #6a5acd; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }
     
    .flex_test-item04:nth-child(3) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #ff00ff; /*  w i F w   */
        flex-basis:  30px;
    }
     
    .flex_test-item04:nth-child(4) {

        border-width: thick;
border-color: #ff8c00;
border-style: solid;

        background-color: #ff6347; /*  w i F w   */
        flex-basis:  60px;
    }
     
    .flex_test-item04:nth-child(5) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #00ced1; /*  w i F w   */
        flex-basis:  30px;
    }











   .flex_test-item05:nth-child(1) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #f4a460; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }


    .flex_test-item05:nth-child(2) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #6a5acd; /*  w i F w   */
        flex-basis:  30px;         /*    w   */
    }
     
    .flex_test-item05:nth-child(3) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color:  #ff00ff; /*  w i F w   */
        flex-basis:  30px;
    }
     
    .flex_test-item05:nth-child(4) {

        border-width: thick;
border-color: #ffffff;
border-style: solid;

        background-color: #ff6347; /*  w i F w   */
        flex-basis:  60px;
    }
     
    .flex_test-item05:nth-child(5) {

        border-width: thick;
border-color: #ff8c00;
border-style: solid;

        background-color:  #00ced1; /*  w i F w   */
        flex-basis:  30px;
    }